<!--
 * @Description: 在线用户 - 主页面
 * @Author: DHL
 * @Date: 2022-03-14 16:51:47
 * @LastEditors: DHL
 * @LastEditTime: 2023-12-15 11:07:11
-->
<template>
  <tw-layout @refresh="handleRefresh" @search="handleSearch" @reset="handleReset">
    <!-- 按钮组 -->
    <template #btns> </template>

    <!-- 查询表单 -->
    <template #header>
      <el-form ref="searchFormRef" :model="searchForm" label-width="90px">
        <el-row>
          <el-col :span="8">
            <el-form-item label="姓名">
              <el-input v-model="searchForm.name" clearable placeholder="请输姓名"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="登录账号">
              <el-input
                v-model="searchForm.loginName"
                clearable
                placeholder="请输登录账号"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </template>

    <!-- 数据表格 -->
    <tw-table
      ref="tableRef"
      :loading="loading"
      :options="tableOptions"
      :events="tableEvents"
      :data="tableData"
      @search="searchList"
    >
      <template #action="{ row }">
        <el-button link type="danger" @click="handleDelete(row)">删除</el-button>
      </template>
    </tw-table>
  </tw-layout>
</template>

<script src="./useIndex.ts"></script>

<style scoped lang="scss"></style>
